<template>
  <div class="payment">
    <div class="receiving-address">
      <p>      
        <span>收货人：远哥</span>
        <span>18779434489</span>
      </p>
      <p>收货地址：江西省南昌市紫阳大道绿地新都会38栋写字楼</p>
    </div>
    <div class="good-list model1">
      <p>商品清单</p>
      <div class="good">
        <img src="../images/good_list.png" alt="">
        <div>
          <h4>X9Plus <span>全网通</span></h4>
          <p><span class="price">￥2798</span><span class="num">x<i>1</i></span></p>
        </div>
      </div>
    </div>
    <div class="invoice model1">
      <p>发票信息</p>
      <div>
        <span>*</span>发票抬头<input type="text" placeholder="请输入发票信息">
      </div>
    </div>
    <div class="paymethod model1">
      <p>支付方式</p>
      <div>
        <p><a class="active">在线支付</a><a>花呗分期</a><a>货到付款</a></p>
        <span class="active">支持支付宝支付、微信支付、银行卡支付、财付通等</span>
        <span>众享花呗，花光马云的钱</span>
        <span>货到付款。让你验货后再签收付款，更安全，更放心</span>
      </div>
    </div>
    <div class="message  model1">
      <p>订单留言</p>
      <div>
        <textarea placeholder="限300字(若有特殊需求,请联系商城在线客服)"></textarea>
        <div class="cost">
          <span>商品总金额：￥<i>2798</i></span>
          <span>运费：<i>0.00</i></span>
          <span>优惠：￥<i>0.00</i></span>
          <span>赠送积分：<i>2798</i></span>
        </div>
      </div>
    </div>
    <div class="submit-order">
      <p>订单总金额：<span>￥<i>2798.00</i></span></p>
      <button>提交订单</button>
    </div>
  </div>
</template>
<script>
  //帕斯卡命名 FullName
  function Payment() {
    $('.header span').text('商品详情');
    $('.header a').css('display', 'inline-block');
    $('.header a').attr('href', 'javascript:history.back(-1)');
    $('.app .footbar').css('display', 'none');
    $('.payment .paymethod>div p').on('click','a',function(){
      var index = $(this).index();
      $(this).addClass('active').siblings('a').removeClass('active');
      $(this).parent('p').nextAll('span').eq(index).addClass('active').siblings('span').removeClass('active')
    })
  }
</script>